<html>
    <head>
        <style>
            .a{
                border: lps solid black;
                border-radius:50%;
                height:100px;
                width:100px;
                background-color: rgb(123,44,22);
            }
        </style>
    </head>
    <body>
        <div class="a">    
        </div>
        <?php
            $index=1;
            while ($index<10){
                $size=$index*20+100;
                $color=123+10*$index;
                $color2=44+6*$index;
                echo "<br/><div class='a'style='width:${size};height:${size}; background-color: rgb($color,$color2,22);'></div>";
                $index++;
            }
            $index=1;
            for ($index=1;$index<10;$index++){
                $size=$index*20+100;
                echo "<br/><div class='a' style='width:${size};height:${size}'></div>";
            }
            $index=1;
            do{
                $size=$index*20+100;
                $color=123+10*$index;
                $color2=44+6*$index;
                echo "<br/><div class='a'style='width:${size};height:${size}; background-color: rgb($color,$color2,22);'></div>";
                $index++;
            }while ($index<10)
        ?>
        </body>
</html>
